<!DOCTYPE html>
<html>
<head>
    <title>博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel='stylesheet' href='/stylesheets/style.css'/>
</head>
<body>
<%- include('./../header',{current:'articlelist'}) %>
<div class="set-width set-min-height clear">
    <article class="article left">
        <div class="article-filter" style="display: none">
            <div>筛选文章</div>
            <div>语言<span>HTML</span> <span>CSS</span><span>JavaScript</span></div>
            <div>时间范围</div>
        </div>
        <div class="title">筛选结果</div>
        <ul class="article-list">
            <% article_list.forEach(function (item) { %>
            <li>
                <h2><%= item.title %></h2>
                <p>
                <div> <%- item.desc %></div>
                <a href="/article/<%= item.article_id %>">继续阅读全文</a>
                </p>
                <div>
                    分类：
                    <span class="category">
                        <% item.category.forEach(function(item){ %>
                        <a href="/articles/list?type=<%= item %>"><%= item %></a>
                        <% }) %>
                    </span>
                </div>
                <div>更新于:<%= JSON.parse(JSON.stringify(item.updated_time)).slice(0, 10) %>
                    <span class="right">浏览量: <span class=" page-views"><%= item.view_count
                            %>
                </span></span>
                </div>
            </li>
            <% }) %>
        </ul>

    </article>
    <aside class="aside">
        <%- include('./../aside') %>
    </aside>
</div>
<%- include('./../footer') %>
</body>
</html>